<template>
    <div class="item">
        <div>
            <div class="item-top fc-lightgrey mg-t-10">
                收款总计（万元）
            </div>
            <div class="item-center fs-20 mg-t-10">
                <span class=" mg-r-10">{{ itemData?.pubAmt }}</span>
                <el-tooltip class="box-item" effect="dark" :content="itemData?.bankName" placement="top-start">
                    <span class="fc-primary fs-12">{{ itemData?.channelName }}</span>
                </el-tooltip>
            </div>
            <div class="item-bottom mg-t-10 flex">
                <div class="flex fs-12 mg-r-10">
                    <span class="mg-r-10 fc-lightgrey">微合计</span>
                    <span class="fc-success">{{ itemData?.wechatAmt }}</span>
                </div>
                <div class="flex fs-12">
                    <span class="mg-r-10 fc-lightgrey">公合计</span>
                    <span class="fc-success">{{ itemData?.totalAmt }}</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
const props = defineProps({
    itemData: {
        type: Object
    }
})
</script>
<style lang="scss" scoped>
.item {
    padding: 0 20px !important;
}
</style>